<style type="text/css">
    .content{
        font-size: 18px;
    }

    .btn1,.btn3{
        float: left;
        margin-left: 80px;
        width: 100px;
        margin-top: -10px;;
    }

    select{
        width: 120px;
        height: 34px;
        border-style: none;
        border: 1px solid #ccc;
        font-size: 14px;
    }
</style>

<ul class="nav nav-tabs">
    <li class="active"><a href="#year1" data-toggle="tab">第一年度</a></li>
    <li><a href="#year2" data-toggle="tab">第二年度</a></li>
    <li><a href="#year3" data-toggle="tab">第三年度</a></li>
</ul>

    <div class="tab-content">

        <div id="year1" class="tab-pane fade in active content" >

            <div class="role_content" style="padding-top:30px; ">

                <div class="btn-group btn1">
                    <select id="selectgroup1">
                        <option data-id="F3" data-market="华东">F3-华东</option>
                        <option data-id="F3" data-market="华北">F3-华北</option>
                    </select>
                </div>
                <button type="button" class="btn btn-default btn3" id="searchid1">搜索</button>


                <table class="table_list" id="table_my_toast1" style="width: 90%; margin: 50px auto;">
                    <thead>
                     <tr>
                         <td>产品市场</td>
                         <td>组别</td>
                         <td>溢价情况</td>
                         <td>市场推广指数</td>
                         <td>市场推广排名</td>
                         <td>产品市场</td>
                         <td>组别</td>
                         <td>溢价情况</td>
                         <td>促销价格指数</td>
                         <td>促销价额排名</td>
                     </tr>

                    </thead>
                    <tbody id="tbody1">

                    </tbody>
                </table>
            </div>

        </div>

        <div id="year2" class="tab-pane fade content">
            <div class="role_content" style="padding-top:30px; ">

                <div class="btn-group btn1">
                    <select id="selectgroup2">
                        <option data-id="F3" data-market="华北">F3-华北</option>
                        <option data-id="F3" data-market="华东">F3-华东</option>
                        <option data-id="F4" data-market="华南">F4-华南</option>
                    </select>
                </div>
                <button type="button" class="btn btn-default btn3" id="searchid2">搜索</button>

                <table class="table_list" id="table_my_toast2" style="width: 90%; margin: 50px auto;">
                    <thead>
                    <tr>
                        <td>产品市场</td>
                        <td>组别</td>
                        <td>溢价情况</td>
                        <td>市场推广指数</td>
                        <td>市场推广排名</td>
                        <td>产品市场</td>
                        <td>组别</td>
                        <td>溢价情况</td>
                        <td>促销价格指数</td>
                        <td>促销价额排名</td>
                    </tr>

                    </thead>
                    <tbody id="tbody2">

                    </tbody>
                </table>
            </div>
        </div>

        <div id="year3" class="tab-pane fade content">
            <div class="role_content" style="padding-top:30px; ">

                <div class="btn-group btn1">
                    <select id="selectgroup3">

                        <option data-id="F3" data-market="欧洲">F3-欧洲</option>
                        <option data-id="F4" data-market="北美">F4-北美</option>
                        <option data-id="F5" data-market="华南">F5-华南</option>
                    </select>
                </div>
                <button type="button" class="btn btn-default btn3" id="searchid3">搜索</button>


                <table class="table_list" id="table_my_toast3" style="width: 90%; margin: 50px auto;">
                    <thead>
                    <tr>
                        <td>产品市场</td>
                        <td>组别</td>
                        <td>溢价情况</td>
                        <td>市场推广指数</td>
                        <td>市场推广排名</td>
                        <td>产品市场</td>
                        <td>组别</td>
                        <td>溢价情况</td>
                        <td>促销价格指数</td>
                        <td>促销价额排名</td>
                    </tr>

                    </thead>
                    <tbody id="tbody3">

                    </tbody>
                </table>
            </div>
        </div>
    </div>

